<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>热点江北</title>
		<link rel="stylesheet" href="../../css/media.css" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/iconfont.css">
		<link rel="stylesheet" href="../../css/style.css" />
	</head>
	<style>
		.title{
			font-size: .36rem;
			color: #000;
			margin: .2rem .28rem;
			font-weight: bold;
		}
		.desc{
			margin-left: .28rem;
			margin-bottom: .2rem;
		}
		.topDiv{
			width: 100%;
			height: 4.2rem;
		}
		.topDiv img,.topDiv video{
			width: 100%;
			height: 100%;
			margin: 0;
		}
		.comment:before{
			height: 0;
		}
		.comment .tit{
			font-weight: 400;
			line-height: .8rem;
			position: relative;
		}
		.comment .tit:after{
			content: '';
			position: absolute;
			left: .08rem;
			height: 1px;
			right: 0;
			background: #D9D9D9;
			bottom: 0;
		}
	</style>
	<body>
		<div class="topDiv">
			<video  id="vedio" type="video/ogg" onclick="paly(this)" playsinline src="https://pic.ibaotu.com/00/07/52/236888piC8Nn.mp4_10s.mp4" preload="auto" poster="../../img/hot_img3.png"> 
						<!--<source   />-->
					</video>
			<!--<img src="../../img/list_img.png" />-->
		</div>
		<div class="title">蔡英文不满意度达7成,前国民党官员细数其猪队友</div>
		<div class="bottom desc">
			<p class="name">江北街道</p>
			<p class="thumbs">
				<i class="iconfont icon-tuijian-"></i>
				11224
			</p>
		</div>
		
		<div class="comment">
			<p class="tit">全部评论(249)</p>
			<ul>
				<li>
					<img src="../../file/img/join_us_img.png" />
					<div class="content">
						<p class="f-28">李丽</p>
						<p class="f-32">同感同感，很好</p>
						<div class="time f-28">
							3小时前
							<span>回复TA</span>
						</div>
						<div class="reply">
							<div class="info">
								<label>梅子：</label>同感
							</div>
							<a href="javacript:void(0)">
								查看回复详情
								<span>></span>
							</a>
						</div>
					</div>
				</li>
				<li>
					<img src="../../file/img/join_us_img.png" />
					<div class="content">
						<p class="f-28">李丽</p>
						<p class="f-32">同感同感，很好</p>
						<div class="time f-28">
							3小时前
							<span>回复TA</span>
						</div>
						<div class="reply">
							<div class="info">
								<label>梅子：</label>同感
							</div>
							<a href="javacript:void(0)">
								查看回复详情
								<span>></span>
							</a>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="inpPanel">
			<div class="inph"></div>
			<div class="inp">
				<input type="text" placeholder="提问"/>
				<i class="iconfont icon-fasong"></i>
			</div>
		</div>
	</body>
	<script>
		function paly(video){
			if(video.paused) {
		        video.play();
		    }else{
		        video.pause();
		    }
		}
	</script>
</html>
